@charset "utf-8";

@font-face {font-family: Birch; src: url(/fonts/BirchStd.otf);}

body {background:url(pics/back01.jpg) no-repeat top; background-color:#efefef; font:100% "Trebuchet MS", Arial, Helvetica, Sans-serif; margin:0 auto; max-width:1200px; min-width:969px; padding:0;}

.container {margin: 0 auto; margin-left:1%; width:99%; max-width: 1200px;}

.header {float:left; background:#FFFFFF; margin-top:70px; width:99%;}
.header-logo {float:left; background:url(/pics/logo.jpg); height:49px; width:352px;}
.header-menu {float:left; width:99%; height:44px; margin-top:0px; background: #3a3939;}

.login {float:right; font-size:70%; font-weight:bold; margin-top:12px; margin-bottom:1px; width:550px;}
.login-text {float:left; margin-right:1%; margin-top:8px;}
.login-input {float:left; background:#CCC; border:none; height:23px; margin-right: 2%; margin-top:1px; width:18%;}
.login-check {float:left; border: 1 solid; margin-top:7px;}
.login-button {float:right; background:#E62727 url(/pics/overlay.png) repeat-x; border:0 none; color:#fff; cursor:pointer; font-weight:bold; display:inline-block; position:relative; margin-right: 5px; width:65px; height:25px;}
.login-button:hover { background-color:#cf2525;}
.login-button:active {top: 1px; left:1px;}

.logout {float:right; margin-top:12px; margin-bottom:1px; width:500px;}
.logout-text {float:right; margin-right:1%; margin-top:5px;}
.logout-button {float:right; background:#E62727 url(/pics/overlay.png) repeat-x; border:0 none; color:#fff; cursor:pointer; font-weight:bold; display:inline-block; position:relative; margin-right: 5px; width:65px; height:25px;}
.logout-button:hover { background-color:#cf2525;}
.logout-button:active {top: 1px; left:1px;}

.square {float: left; background:#dedede; margin-right:1%; text-align:center; text-decoration:none; color: #000; width: 19%;}
.square:hover {background:#9b9b9b;}
.square-title {font-family: Birch; font-size:36px; margin-top:15px;}

.square-image {}
.square-subtitle {font-size:16px; height:60px; margin-top: 15px;}
.squareinfo {font-size:16px;}
.square-link {font-size:14px; padding-top: 3px; padding-bottom: 3px; background:#000; color:#FFF}
.square-link:hover {background:#c62727; color:#FFF;}

.content {float:left; background-color:#FFFFFF; padding-bottom: 50px; min-height:500px; width: 99%}
.subcontent {float: left; width: 98%; margin-left: 1%;}
.contentitle {float: left; width: 100%; margin-top:10px; font-family: Birch; font-size:40px;}
.contenttitlefull{float:inherit; width:100%; margin-top: 30px;}
.contenttitleback {float: left; background:url(/pics/title_back.jpg); width: 336px; height: 40px; margin-bottom: 6px;}
.contenttype {float: left; font-size:150%; margin-top:8px; margin-left: 120px; width: 100%;}
.cont-square {float: left; color: #333; background:#dedede; margin-right:1%; text-decoration:none; width: 19%;}
.contentdata {float: left; margin-left: 2%; width:60%;}
.cont-square:hover {background:#9b9b9b;}
.cont-squareimage {display: table; margin: 0 auto;}
.cont-squaretitle {display: table; margin: 0 auto; text-align:center; font-size:16px; height:50px; padding-bottom: 10px; width:100%;}
.contentpic {display: table; margin: 0 auto; margin-top: 30px;}
.contenttext {float:left; margin-top: 8px; width: 100%;}
.contform {float:left; background-color:#efefef; width: 60%; margin-left:20%; margin-right:20%; padding-left:1%; padding-right:1%; padding-top:1%; padding-bottom:1%;} 
.datatitle {font-weight:bold;}

.form {float: left; padding-bottom:1%; width:100%}
.form-input {float: left; background:#dcdcdc; border:none; height:23px; width:30%;}
.form-txtbox {float: left; background:#dcdcdc; border:none; height:100px; resize:vertical; width:78%;}
.form-text {float: left; border:none; height:23px; padding-right: 1%; padding-top:3px; text-align:right; width:17%;}
.form-button {float:left; background:#E62727 url(/pics/overlay.png) repeat-x; border:0 none; color:#fff; cursor:pointer; font-weight:bold; display:inline-block; position:relative; margin-right:1%; width:65px; height:25px;}

.client {float:left; margin-left:5%; padding-top: 45px; width: 93%;}
.client-title {float: left; font-size:150%; margin-top:8px; margin-left: 120px; width: 100%;}
.client-title-back {float: left; background:url(/pics/title_back.jpg); width: 336px; height: 40px;}
.client-subtitle {float:left; font-weight: bold; width: 100%;}
.client-minitext {float:left; font-size:80%; width: 100%;}
.client-button {float:left; background:#DDD url(/pics/overlay.png) repeat-x; color: #333; font-size:85%; font-weight:bold; padding-top:15px; padding-bottom:15px; position:relative; margin-right:2%; text-align:center; text-decoration:none; width:25%;}
.client-button:hover { background-color:#BBB;}
.client-button:active {top: 1px; left:1px;}
.client-buttons {float:left; width: 100%;}

.orders {float:left; margin-left:5%; width: 93%;}
.orders-title {float: left; font-size:150%; font-weight:bold; margin-top: 40px; text-align: center; width: 100%;}
.orders-subtitle {float:left; background: #CCC; border: 1px solid #FFF; padding: 5px 5px 5px 5px; width: 23%;}

.order{float:left; width: 100%;}
.order-number {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; width: 23%;}
.order-date {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; text-align:center; width: 23%;}
.order-total {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; text-align:right; width: 23%;}
.order-situation {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; width: 23%;}

.details {float:left; font-size:85%; width: 100%;}

.itens {float:left; width: 100%;}
.itens-description {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 5px 2px 5px; width: 44%;}
.itens-quantity {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 5px 2px 5px; text-align:right; width: 16%;}
.itens-price {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 5px 2px 5px; text-align:right; width: 16%;}
.itens-total {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 5px 2px 5px; text-align:right; width: 16%;}

.item {float:left; width: 100%;}
.item-description {float:left; background:#EEE; border: 1px solid #FFF; padding: 2px 5px 2px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; width: 44%;}
.item-quantity {float:left; background:#EEE; border: 1px solid #FFF; padding: 2px 5px 2px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; width: 16%;}
.item-price {float:left; background:#EEE; border: 1px solid #FFF; padding: 2px 5px 2px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; width: 16%;}
.item-total {float:left; background:#EEE; border: 1px solid #FFF; padding: 2px 5px 2px 5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; width: 16%;}

.totals {float:left; width: 100%;}
.totals-subtotal {float:left; background: #EEE; border: 1px solid #FFF; padding: 2px 29px 2px 5px; width: 76%;}
.totals-subtotalvalue {float:left; background: #EEE; border: 1px solid #FFF; padding: 2px 5px 2px 5px; text-align:right; width: 16%;}
.totals-total {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 29px 2px 5px; width: 76%;}
.totals-totalvalue {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 5px 2px 5px; text-align:right; width: 16%;}

.tracking {float:left; width: 100%;}
.tracker {float:left; background: #EEE; border: 1px solid #FFF; padding: 2px 23px 10px 23px; text-align:center; width: 92%;}
.tracker-section {float:left; background: #FFF; border: 1px solid #FFF; margin-bottom:10px; margin-top:10px; width:100%;}
.tracker-subsection {float:left; margin-bottom:10px; margin-top:10px; width: 20%;}

.downloads {float:left; padding-bottom:20px; width: 100%;}
.downloads-subtitle {float:left; background: #DDD; border: 1px solid #FFF; padding: 2px 23px 2px 23px; text-align:center; width: 92%;}
.downloads-download {float:left; background: #EEE; border: 1px solid #FFF; padding: 2px 41px 2px 5px; width: 92%;}

.banks {float:left; margin-left:5%; width: 93%;}
.banks-title {float: left; font-size:150%; font-weight:bold; margin-top: 40px; text-align: center; width: 100%;}
.banks-subtitle {float:left; background: #DDD; border: 1px solid #FFF; padding: 5px 5px 5px 5px; width: 23%;}

.bank {float:left; width: 100%;}
.bank-number {float:left; background:#EEE; border:1px solid #FFF; color:#0000FF; padding: 5px 5px 5px 5px; width: 23%;}
.bank-date {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; text-align:center; width: 23%;}
.bank-total {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; text-align:right; width: 23%;}
.bank-situation {float:left; background:#EEE; border:1px solid #FFF; padding: 5px 5px 5px 5px; width: 23%;}

.nfes {float:left; margin-left:5%; width: 93%;}
.nfes-title {float: left; font-size:150%; font-weight:bold; margin-top: 40px; text-align: center; width: 100%;}
.nfes-subtitle {float:left; background: #DDD; border: 1px solid #FFF; padding: 5px 5px 5px 5px; width: 95%;}
.nfes-download {float:left; background: #EEE; border: 1px solid #FFF; padding: 5px 5px 5px 5px; width: 95%;}

.footer {float:left; width:99%;  background:#000000; margin-top: 40px;}
.footerlogo {float:left; width:200px; height:95px; background-image:url(pics/logo_footer.jpg);}
.footerlinks  {float:left; color:#FFF; font-size:9px; margin-left:5%; line-height:50%;}
.footeradress {float:right; color:#FFF; font-size:10px; margin-right:5%; line-height:50%;}

.nivoSlider {float: left; margin-top:0px; width:99%; height:auto; overflow: hidden;}
.nivoSlider img {position:absolute; top:0px; left:0px; max-width: none;}
.nivo-main-image {display: block !important; position: relative !important; width: 100% !important;}
.nivoSlider a.nivo-imageLink {position:absolute; top:0px; left:0px; width:100%; height:100%; border:0; padding:0; margin:0; z-index:6; display:none; background:white; filter:alpha(opacity=0); opacity:0;}
.nivo-slice {display:block; position:absolute; z-index:5; height:100%; top:0;}
.nivo-box {display:block; position:absolute; z-index:5; overflow:hidden;}
.nivo-box img {display:block;}
.nivo-caption {position:absolute; left:0px; bottom:0px; background:#000; color:#fff; width:100%; z-index:8; padding: 5px 10px; opacity: 0.8; overflow: hidden; display: none; -moz-opacity: 0.8; filter:alpha(opacity=8); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.nivo-caption p {padding:5px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav {text-align:center; padding: 15px 0;}
.nivo-controlNav a {cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.theme-default .nivoSlider {position:relative; background:#fff url(pics/loading.gif) no-repeat 50% 50%; margin-bottom:10px;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav {text-align: center; padding: 20px 0;}
.theme-default .nivo-controlNav a {display:inline-block; width:22px; height:22px; background:url(pics/bullets.png) no-repeat; text-indent:-9999px; border:0; margin: 0 2px;}
.theme-default .nivo-controlNav a.active {background-position:0 -22px;}
.theme-default .nivo-directionNav a {display:block; width:30px; height:30px; background:url(pics/arrows.png) no-repeat; text-indent:-9999px; border:0; opacity: 0; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out;}
.theme-default:hover .nivo-directionNav a {opacity: 1;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:15px;}
.theme-default a.nivo-prevNav {left:15px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled {width: 100%;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled a {width: auto; height: auto; background: none;	margin-bottom: 5px;}
.theme-default .nivo-controlNav.nivo-thumbs-enabled img {display: block; width: 120px; height: auto;}

#cssmenu {position: relative; display: table; margin: 0 auto; height: 44px; background: #3a3939; width: auto;}
#cssmenu ul {list-style: none; padding: 0; margin: 0; line-height: 1;}
#cssmenu > ul {position: relative; display: block; background: #3a3939; height: 32px; width: 100%; z-index: 500;}
#cssmenu > ul > li {display: block; position: relative; float: left; margin: 0; padding: 0;}
#cssmenu > ul > #menu-button {display: none;}
#cssmenu ul li a {display: block; font-family: Helvetica, sans-serif; text-decoration: none;}
#cssmenu > ul > li > a {font-size: 14px; font-weight: bold; padding: 15px 20px; color: #b9b9b9; text-transform: uppercase; -webkit-transition: color 0.25s ease-out; -moz-transition: color 0.25s ease-out; -ms-transition: color 0.25s ease-out; -o-transition: color 0.25s ease-out; transition: color 0.25s ease-out;}
#cssmenu > ul > li.has-sub > a {padding-right: 32px;}
#cssmenu > ul > li:hover > a {color: #ffffff;}
#cssmenu li.has-sub::after {display: block; content: ''; position: absolute; width: 0; height: 0;}
#cssmenu > ul > li.has-sub::after {right: 10px; top: 20px; border: 5px solid transparent; border-top-color: #8b8f94;}
#cssmenu > ul > li:hover::after {border-top-color: #ffffff;}
#indicatorContainer {position: absolute; height: 12px; width: 100%; bottom: 0px; overflow: hidden; z-index: -1;}
#pIndicator {position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; z-index: -2; -webkit-transition: left .25s ease; -moz-transition: left .25s ease; -ms-transition: left .25s ease; -o-transition: left .25s ease; transition: left .25s ease;}
#cIndicator {position: absolute; height: 0; width: 100%; border: 12px solid transparent; border-top-color: #2b2f3a; top: -12px; right: 100%; z-index: -2;}
#cssmenu ul ul {position: absolute; left: -9999px; top: 70px; opacity: 0; -webkit-transition: opacity .3s ease, top .25s ease; -moz-transition: opacity .3s ease, top .25s ease; -ms-transition: opacity .3s ease, top .25s ease; -o-transition: opacity .3s ease, top .25s ease; transition: opacity .3s ease, top .25s ease; z-index: 1000;}
#cssmenu ul ul ul {top: 37px; padding-left: 5px;}
#cssmenu ul ul li {position: relative;}
#cssmenu > ul > li:hover > ul {left: auto; top: 44px; opacity: 1;}
#cssmenu ul ul li:hover > ul {left: 170px; top: 0; opacity: 1;}
#cssmenu ul ul li a {width: 130px; border-bottom: 1px solid #eee; padding: 10px 20px; font-size: 12px; color: #505050; background: #fff; -webkit-transition: all .35s ease; -moz-transition: all .35s ease; -ms-transition: all .35s ease; -o-transition: all .35s ease; transition: all .35s ease;}
#cssmenu ul ul li:hover > a {background: #d3d3d3; color: #be2828;}
#cssmenu ul ul li:last-child > a,
#cssmenu ul ul li.last > a {border-bottom: 0;}
.submenuArrow {border: 6px solid transparent; width: 0; height: 0; border-bottom-color: #fff; position: absolute; top: -12px;}
#cssmenu ul ul li.has-sub::after {border: 4px solid transparent; border-left-color: #9ea2a5; right: 10px; top: 12px; -moz-transition: all .2s ease; -ms-transition: all .2s ease; -o-transition: all .2s ease; transition: all .2s ease; -webkit-transition: -webkit-transform 0.2s ease, right 0.2s ease;}
#cssmenu ul ul li.has-sub:hover::after {border-left-color: #fff; right: -5px; -webkit-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -moz-transform: rotateY(180deg); -o-transform: rotateY(180deg); transform: rotateY(180deg);}

.zoomPad{position:relative;	float:left;	z-index:99;	cursor:crosshair;}
.zoomPreload{   -moz-opacity:0.8;   opacity: 0.8;   filter: alpha(opacity = 80);   color: #333;   font-size: 12px;   font-family: Tahoma;   text-decoration: none;   border: 1px solid #d8d8d8;   background-color: white;   padding: 8px;   text-align:center;   background-image: url(/pics/loading.gif);   background-repeat: no-repeat;   background-position: 43px 30px;   z-index:110;   width:90px;   height:43px;   position:absolute;   top:0px;   left:0px;    * width:100px;    * height:49px;}
.zoomPup{	overflow:hidden;	background-color: #FFF;	-moz-opacity:0.6;	opacity: 0.6;	filter: alpha(opacity = 60);	z-index:120;	position:absolute;	border:1px solid #d8d8d8;  z-index:101;  cursor:crosshair;}
.zoomOverlay{	position:absolute;	left:0px;	top:0px;	background:#FFF;	/*opacity:0.5;*/	z-index:5000;	width:100%;	height:100%;	display:none;  z-index:101;}
.zoomWindow{	position:absolute;	left:110%;	top:40px;	background:#FFF;	z-index:6000;	height:auto;  z-index:10000;  z-index:110;}
.zoomWrapper{	position:relative;	border:1px solid #d8d8d8;  z-index:110;}
.zoomWrapperTitle{	display:block;	background:#999;	color:#FFF;	height:18px;	line-height:18px;	width:100%;  overflow:hidden;	text-align:center;	font-size:10px;  position:absolute;  top:0px;  left:0px;  z-index:120;  -moz-opacity:0.6;  opacity: 0.6;  filter: alpha(opacity = 60);}
.zoomWrapperImage{	display:block;  position:relative;  overflow:hidden;  z-index:110;}
.zoomWrapperImage img{  border:0px;  display:block;  position:absolute;  z-index:101;}
.zoomIframe{  z-index: -1;  filter:alpha(opacity=0);  -moz-opacity: 0.80;  opacity: 0.80;  position:absolute;  display:block;}
.clearfix{ float:left; display:block;zoom:1;}
ul#thumblist{display:block; margin-left:-40px;}
ul#thumblist li{float:left;margin-right:2px;list-style:none;}
ul#thumblist li a{display:block;border:1px solid #dddddd;}
ul#thumblist li a.zoomThumbActive{border:1px solid #bbbbbb;}
.jqzoom{text-decoration:none;float:left;}
.zoomleft {float:left;}
